@layout("/common/container.html", {"title" : "流程示例", plugin: "bootstrap-daterangepicker"}){
<form class="e-form">
    <div class="card">
        <#card:head title="流程示例" icon="la la-bars"/>
        <div class="card-body">
            <div class="row">
                <!-- str:表单区域 -->
                <input type="hidden" id="id" name="id" value="${object.id}" />
                <div class="col-12">
                    <div class="form-group row">
                        <label class="col-form-label col-lg-3 col-md-4 col-sm-12" for="leaveType">
                            <span class="required">*</span>
                            请假类型：
                        </label>
                        <div class="col-lg-6 col-md-7 col-sm-12">
                            <select class="form-control select-picker select-picker" id="leaveType" name="leaveType" data-dict-type="leaveType" data-value="${object.leaveType}"></select>
                        </div>
                    </div>
                </div>
                <div class="col-12">
                    <div class="form-group row">
                        <label class="col-form-label col-lg-3 col-md-4 col-sm-12" for="dateRange">
                            <span class="required">*</span>
                            时间：
                        </label>
                        <div class="col-lg-6 col-md-7 col-sm-12">
                            @var value = "";
                            @if(object.startDate != null && object.endDate != null){
                                @value = dateUtil.format(object.startDate, "yyyy-MM-dd") + " ~ " + dateUtil.format(object.endDate, "yyyy-MM-dd");
                            @}
                            <input type="text" class="form-control date-range-picker" placeholder="YYYY-MM-DD - YYYY-MM-DD"
                                   id="dateRange" name="dateRange" value="${value}" aria-invalid="false">
                        </div>
                    </div>
                </div>
                <div class="col-12">
                    <div class="form-group row">
                        <label class="col-form-label col-lg-3 col-md-4 col-sm-12" for="leaveType">
                            <span class="required">*</span>
                            原因：
                        </label>
                        <div class="col-lg-6 col-md-7 col-sm-12">
                            <textarea class="form-control" id="reason" name="reason">${object.reason}</textarea>
                        </div>
                    </div>
                </div>
                <!-- end:表单区域 -->
            </div>
        </div>
        <div class="card-foot">
            <div class="e-form-actions text-center">
                <#btn:save permission="sample:work:flow:save"/>
            </div>
        </div>
    </div>
</form>
<!--begin::页面脚本 -->
<#script src="static/modular/sample/work/flow/input.js" />
<!--end::页面脚本 -->
@}